<template>
    <div :style="{
        width: detail.style.position.w + 'px',
        height: detail.style.position.h + 'px',
        background: this.detail.style.backColor,
      }" class="tableClass">

        <div>

            <el-table v-loading="loading" :data="this.detail.dataBind.SNMPList"
                      :cell-style="{background: this.detail.style.backColor,color: this.detail.style.foreColor}"
                      :row-style="{background: this.detail.style.backColor,color: this.detail.style.foreColor}"
                      :header-cell-style="{background: this.detail.style.backColor,color: this.detail.style.foreColor}">
                <!--                <el-table-column label="序号" align="center" type="index"/>
                                <el-table-column label="设备地址" align="center" prop="peerAddress" />
                                <el-table-column label="oid" align="center" prop="oid" />-->
                <el-table-column label="响应的值" align="center" prop="variable" />
                <el-table-column label="响应时间" align="center" prop="createTime" />
            </el-table>
        </div>
        <Pagination
            :style="{background: this.detail.style.backColor,color: this.detail.style.foreColor}"
            v-show="false"
            :total="Number(this.detail.dataBind.total)"
            :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize"
        />

    </div>
</template>

<script>
import BaseView from './View';
export default {
    name: 'view-snmp-oid',
    extends: BaseView,
    data() {
        return {
            // 遮罩层
            loading: false,
            // 查询参数
            queryParams: {
                pageNum: 1,
                pageSize: 10,
            },
        }
    },
    methods: {

    }
}
</script>

<style scoped lang="scss">

</style>
